<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>登录</title>
	<!-- 引入公共样式  -->
	<link rel="stylesheet" href="../css/normalize.css">
	<link rel="stylesheet" href="../css/common.css">
	<!-- 引入当前文件样式  -->
	<link rel="stylesheet" href="../css/登录.css">

</head>
<body>
	<!--  网页头部  -->
	<section id="header">
		<div class="header-cen container clearfix">
			<img src="../imgs/logo.jpg" alt="" class="logo fl">
			<div class="phone-num fr"><span class="phone"></span><span>咨询电话<br>
				XXXX-XXXXXXXXX</span></div>
		</div>
	</section>
	<!--  登录  -->
	<section class="login">
		<div class="container clearfix">
			<div class="login-box fr">
				<span class="login-sub login-pwd-sub"></span>
				<span class="login-sub login-ma-sub login-sub-display-none"></span>

				<div class="login-box-body">
					<p class="login-box-menu">
						<span class="login-menu-span login-box-menu-span-active">密码登录</span>
						<span class="login-menu-span">手机无密码登录</span>
					</p>
					<div class="login-content">
						<div class="login-box-content">
							<P class="input-user"><input type="text" placeholder="用户名/邮箱/手机号"><span class="user-photo"></span></P>
							<P class="input-user"><input type="password" placeholder="密码"><span class="pwd-photo"></span></P>
							<button class="login-btn">登录</button>
							<p class="user-operate clearfix">
								<a href="#">注册账号</a>
								<a href="#">忘记密码</a>
							</p>
							<p class="other-operate">
								<span>第三方登录 : </span>
								<a href="#"><img src="../imgs/2-登录_03.jpg" alt=""></a>
								<a href="#"><img src="../imgs/2-登录_06.jpg" alt=""></a>
								<a href="#"><img src="../imgs/2-登录_08.jpg" alt=""></a>
								<a href="#"><img src="../imgs/2-登录_11.jpg" alt=""></a>
								<span>>></span>
							</p>
						</div>
					</div>
					<div class="login-content  login-content-display-none">
						<div class="login-box-content">
							<P class="input-user-phone"><input type="text" placeholder="手机号"><span class="user-phone">获取验证码</span></P>
							<P class="input-user"><input type="password" placeholder="验证码"><span class="pwd-photo"></span></P>
							<button class="login-btn">登录</button>
							<p class="user-operate clearfix">
								<a href="#">注册账号</a>
								<a href="#">忘记密码</a>
							</p>
							<p class="other-operate">
								<span>第三方登录 : </span>
								<a href="#"><img src="../imgs/2-登录_03.jpg" alt=""></a>
								<a href="#"><img src="../imgs/2-登录_06.jpg" alt=""></a>
								<a href="#"><img src="../imgs/2-登录_08.jpg" alt=""></a>
								<a href="#"><img src="../imgs/2-登录_11.jpg" alt=""></a>
								<span>>></span>
							</p>
						</div>
					</div>
				</div>
				<div class="login-box-body login-box-display-none">
					<div class="login-ma">
						<p class="login-ma-title">
							<span>打开XXXXX<br>扫一扫登录</span>
						</p>
						<span class="login-ma-body"></span>
						<a href="#"><span class="login-ma-foot">点击下载XXXAPP</span></a>
					</div>

				</div>
			</div>
		</div>
	</section>
	<!-- 尾部 -->
    <div class="footer">
        <div class="container">
            <div class="server clearfix ptp28 boxs borderb1">
                <a class="server-bg bgimg1 fl" href="#">
                    <div class="server-text fr">
                        <h3 class="font20">正品保障</h3>
                        <span class="ccc">
                            正品行货
                            放心选购
                        </span>
                    </div>
                </a>
                <a class="server-bg bgimg2 fl borderl2" href="#">
                    <div class="server-text fr">
                        <h3 class="font20">满86包邮</h3>
                        <span class="ccc">
                            满86元 免邮费
                        </span>
                    </div>
                </a>
                <a class="server-bg bgimg3 fl borderl2" href="#">
                    <div class="server-text fr">
                        <h3 class="font20">售后无忧</h3>
                        <span class="ccc">
                            7天无理由退货
                        </span>
                    </div>
                </a>
                <a class="server-bg bgimg4 fl borderl2" href="#">
                    <div class="server-text fr">
                        <h3 class="font20">准时送达</h3>
                        <span class="ccc">
                            到达时间由你决定
                        </span>
                    </div>
                </a>
            </div>
            <ul class="footer-more ptp28 boxs clearfix">
                <li class="fl ml74">
                    <h4 class="font18">
                        <a href="#">新手入门</a>
                    </h4>
                    <a class="footer-a" href="#">购物流程</a>
                    <a class="footer-a" href="#">会员制度</a>
                    <a class="footer-a" href="#">订单查询</a>
                    <a class="footer-a" href="#">服务协议及隐私声明</a>
                    <a class="footer-a" href="#">网站地图</a>
                </li>
                <li class="fl ml34">
                    <h4 class="font18">
                        <a href="#">支付方式</a>
                    </h4>
                    <a class="footer-a" href="#">购物流程</a>
                    <a class="footer-a" href="#">会员制度</a>
                    <a class="footer-a" href="#">订单查询</a>
                    <a class="footer-a" href="#">服务协议及隐私声明</a>
                    <a class="footer-a" href="#">网站地图</a>
                </li>
                <li class="fl ml34">
                    <h4 class="font18">
                        <a href="#">配送服务</a>
                    </h4>
                    <a class="footer-a" href="#">购物流程</a>
                    <a class="footer-a" href="#">会员制度</a>
                    <a class="footer-a" href="#">订单查询</a>
                    <a class="footer-a" href="#">服务协议及隐私声明</a>
                    <a class="footer-a" href="#">网站地图</a>
                </li>
                <li class="fl ml34">
                    <h4 class="font18">
                        <a href="#">相关规则</a>
                    </h4>
                    <a class="footer-a" href="#">购物流程</a>
                    <a class="footer-a" href="#">会员制度</a>
                    <a class="footer-a" href="#">订单查询</a>
                    <a class="footer-a" href="#">服务协议及隐私声明</a>
                    <a class="footer-a" href="#">网站地图</a>
                </li>
                <div class="QR fr clearfix">
                    <div class="fl mr40">
                        <h3 class="">App更优惠</h3>
                        <img class="mt20" src="../imgs/qryhd.png" alt="">
                    </div>
                    <div class="fl mr40">
                        <h3 class="">加微信查订单</h3>
                        <img class="mt20 " src="../imgs/qryhd.png" alt="">
                    </div> 
                    
                </div>
            </ul>
        </div>
    </div>
    <!-- 版权 -->
    <div class="statement container-fluid bgcc">
        <div class="container ta ptb11">
            <p>沪ICP备XXXXXXXXX号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX | </p>
            <p class="mt20 mb20">沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证</p>
            <img src="../imgs/ChEi1FYXHcOAVk_WAAAL2r2-yfo10200.jpg" alt="">
            <img src="../imgs/CgQCr1PQy1CAF7vaAABDexsiEYM24800.jpg" alt="">
            <img src="../imgs/f582260777c44b30.png" alt="">
            <img src="../imgs/CgQCrlPYTqCASlHXAAAd82JE0eA31000.png" alt="">
            <img src="../imgs/ChEi2lh171KAJrGlAAALl_uZt0E75600.jpg" alt="">
            <img src="../imgs/7b46518a9d74a1d6.jpg" alt="">
        </div>
    </div>

	<!-- 引入当前文件的js -->
	<!-- <script src="lib/js/jquery-1.11.0.js"></script>
	<script src="lib/js/slider.js"></script> -->
	<script src="../lib/jquery-1.9.1.min.js"></script>
	<script src="../lib/jquery.slide.js"></script>
	<script src="../js/登录.js"></script>
</body>
</html>